<template>
    <a href="https://gitee.com/xuchenoak/lime-japi-docs" target="_blank">
        <div class="svg-box" :style="{height: size + 'px', width: size + 'px', lineHeight: size + 'px'}">
            <svg t="1698455336761" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1664" xmlns:xlink="http://www.w3.org/1999/xlink" :width="size" :height="size"><path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="currentColor" p-id="1665"></path></svg>
        </div>
    </a>
</template>

<script>
export default {
    name: "index",
    props: {
        size: {
            type: Number,
            default(){return 30}
        }
    }
}
</script>

<style scoped lang="less">
.svg-box {
    .icon {
        color: #999;
        transition: all .5s;
    }
}
.svg-box:hover .icon{
    color: #C71D23;
}
</style>